* {
    margin: 0;
}
html, body { font-family: Arial,Tahoma,Verdana,Geneva,Helvetica,"Sans Serif"; }
a { color: #c60c08; text-decoration: none;}
a:hover { color: #780300;  }
img { border: none; }
ol, ul { list-style: none outside none; padding: 0; margin: auto;}
p {
	font-size: 12px;
	line-height: 18px;
	color: #666;
	margin: auto;
	text-align: justify;
}
table {
    border: 1px solid #dadada;
    font-size: 12px;
    width: 95%;
    border-collapse: collapse;
    background-color: #fff;
}
tr, td { margin: auto; padding: 0; }
h1 { margin:auto; padding:0; font-size: 22px; color:#8D8D8D;}
h2 { margin:auto; padding:0; font-size: 18px; color:#8D8D8D;}
h3 { margin:auto; padding:0; font-size: 16px; color:#8D8D8D;}
h4 { margin:auto; padding:0; font-size: 16px; color:#8D8D8D;}
h5 { margin:auto; padding:0; font-size: 14px; color:#8D8D8D;}
input { border: none;  }
.clear { clear: both; }
.radius {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#wrapper-body { width: 100%; }

/* start css */
.header {
    background-color: #FFFFFF;
    padding: 5px;
    /* text-align: center; */
}
.middle { background-color: #003363; }
.bc { background-color: #003363; }
.wrapper-login {
    margin: 0 auto;
    /* max-width: 350px; */
    padding: 5px;
}
.text-log {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 3px;
    text-transform: capitalize;
}
.text-input-login { padding: 5px; width: 99%; }
.capcha { margin: 7px 0; }
.default-input-login { margin-bottom: 5px; }
a.register {
    background: url("../images/bg-register.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #E7C42E;
    color: #987B00;
    font-size: 11px;
    padding: 4px 15px;
    text-shadow: 1px 1px #FFFFFF;
    /* text-transform: uppercase; */
}
.button-login {
     background: url("../images/bg-register.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #E7C42E;
    color: #987B00;
    font-size: 12px;
    padding: 2px 15px;
    text-shadow: 1px 1px #FFFFFF;
    text-transform: uppercase;
    cursor: pointer;
}
.wrapper-as { margin: 10px 0; }
.footer {
    margin: 0 auto;
    /* max-width: 350px; */
    font-size: 10px;
}
.footer ul li {
    border-right: 1px solid #003363;
    color: #003363;
    float: left;
    margin: 7px 0 3px;
    padding: 0 8px;
    font-size: 13px;
}
.copyright { color: #535353; font-size: 13px; }
.h-inside { background-color: #FFFFFF; padding: 5px; }
.logo-inside { float: left; margin-right: 10px; }
.header-inside { margin: 10px 0 5px; }
a.button-ac { font-size: 9px; padding: 5px 10px 6px;  font-size: 12px;
    padding: 5px 10px 6px;
    text-transform: uppercase; }
.buton-logout { margin-top: 15px; }
.default-usertop {
    color: #666666;
    font-size: 14px;
    margin: 5px 4px 0;
}
.user-view { margin-top: 10px; }
.bc ul li {
    color: #FFFFFF;
    font-size: 12px;
    padding: 5px 5px 5px;
    text-transform: capitalize;
    float: left;
}
.default-textshow { color: #003363; font-weight: bold; font-size: 14px; }
a.link-icon { background-color: #E8E8E8;}
a.link-icon.menu-icon ul li:hover {
    background-color: #E8E8E8;
    color: #fff;
}
.menu-icon ul li {
    background-color: #E8E8E8;
    height: 37px;
    margin-top: 5px;
    border-radius: 3px;
    text-transform: uppercase;
    width: 99%;
}
.menu-icon ul li:hover { background-color: #b7042c; }
.wrapper-texticon:hover { color: #fff; text-shadow: 1px 1px #666; }
.point-show { color: #B7042C; }
.wrapper-icon-menu { float: left; margin: 3px 10px 3px 3px; }
.wrapper-texticon {
    color: #787878;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px #FFFFFF;
    padding-top: 9px;
    height: 28px;
}
.menu-icon { margin-left: 6px; }
.footer-inside {
    border-top: 1px solid #003363;
    font-size: 10px;
    max-width: 100%;
}
.middle-inside { margin-bottom: 10px; background-color: #FFFFFF; }
.wrapper-insidefoot { margin-left: 8px; }
.tes { background-color: red;}

/* start table */
.content-data td.default-wtd { width: 15% }
.default-content-table {
    border-bottom: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    color: #666666;
    font-size: 12px;
    padding: 5px;
}
.content-data table { margin-right: 1%; margin-top: 20px; }
td.no-mutasi.default-wtd { width: 3%; }
.title-table {
    background-color: #B7042C;
    border-bottom: 1px solid #E6E6E6;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-shadow: 1px 1px #4C4C4C;
    text-transform: capitalize;
}
.no-border { border-right: none; }
.type2 { background-color: #f6f6f6; }
.hack-sticky { height:60px; border: 1px solid #fff; }
/* end table */

.wrapper-defaultbody { margin: 5px 0 0 6px;}
.export-text { font-size: 12px; color: #666; }
.export {
    background-color: #FFFFFF;
    color: #003363;
    cursor: pointer;
    font-size: 12px;
    text-decoration: underline;
    padding: 0;
}
.export:hover { text-decoration: none;}
.default-t {  margin-top: 5px; }
.page-table ul li {
    float: left;
    font-size: 12px;
    margin-right: 5px;
    color: #003363;
    text-decoration: underline;
}
.page-table ul li:hover { text-decoration: none; }
.page-table ul li.active-num { color: #666; font-weight: bold; text-decoration: none; }
.bc ul li.active-bc { color: #c2c2c2; }
.text-form {
    color: #666666;
    float: left;
    font-size: 13px;
    font-weight: bold;
    width: 65px;
}
.text-input-form-inside {
    border: 1px solid #CCCCCC;
    padding: 5px;
}
.wrapper-form {
    background-color: #EEEEEE;
    padding: 10px;
    width: 97.8%;
}
.wrapper-form-input { margin-bottom: 5px; }
.wrapper-note {
    background-color: #B7042C;
    border: 1px solid #690000;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
    margin-left: 50px;
    min-width: 140px;
    margin-bottom: 5px;
}
.default-button-cs {
    background-color: #F7CD25;
    border: 1px solid #A28200;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    margin-left: 50px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 2px 8px;
    text-shadow: 1px 1px #666666;
    text-transform: capitalize;
}
.default-button-cs:hover {
    background-color: #A28200;
    border: 1px solid #FFFFFF;
}
.search-input {
    background-color: #f4f4f4;
    border: 1px solid #cbcbcb;
    width: 82%;
}
.table-one {
    background-color: #FFFFFF;
    color: #666666;
    text-shadow: none;
    /* border-right: 1px solid #E6E6E6; */
}
.table-two { background-color: #f6f6f6; }
.log-out-button {
   cursor: pointer;
    font-size: 12px;
    margin-left: 0;
    padding: 4px 10px;
    text-transform: uppercase;
    width: 113px;
}
.log-out-button:hover {
    color: #fff;
    text-shadow: 1px 1px #000;
}
.title-pageipg {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 0;
    text-transform: uppercase;
    color: #003363;
}
/* start css ipg */
#container{
	/*
	margin:0;
	padding:0;
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 0%, #a22186 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(0%,#ffffff), color-stop(100%,#a22186));
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 0%,#a22186 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#ffffff 0%,#a22186 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 0%,#a22186 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a22186',GradientType=0 );
    background: linear-gradient(top, #ffffff 0%,#ffffff 0%,#a22186 100%);
    background-repeat: repeat-x;
	*/
	background-color:#a22186;
    height:auto;
    position:relative;
    padding-bottom:15px;
	padding-top:15px;
}

#logo{
	margin:0px 0 40px 0;
	padding:0;
	margin-left:2px;
}

#main {
	width:960px; margin: 0px auto;
	padding-top:100px;
	background-color:#fff;
	padding:10px;
	-webkit-border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-moz-border-radius: 9px;

	-moz-box-shadow: 0 0 10px #fff;
	-webkit-box-shadow: 0 0 10px #fff;
	box-shadow: 0 0 10px #fff;
}

input.bttn_pay {
	background:#fff url(pay.png) left no-repeat;
	width:100px;
	height:100px;
	padding:15px 0 15px 50px;
	border:none;
	font-weight:bold;
	color:#5a6580;
	cursor:pointer;
	margin:0 15px 0 15px;
	font-size:10px;
}

input.bttn_pay:hover {
	color:#f30;
}

input.bttn_cancel {
	background:#fff url(cancel.png) left no-repeat;
	width:93px;
	height:93px;
	padding:15px 0 15px 50px;
	border:none;
	font-weight:bold;
	color:#5a6580;
	cursor:pointer;
	margin:0 0px 0 15px;
	font-size:10px;
}

input.bttn_cancel:hover {
	color:#f30;
}

input.bttn_print {
	background:#fff url(print.png) left no-repeat;
	width:102px;
	height:95px;
	padding:15px 0 15px 40px;
	border:none;
	font-weight:bold;
	color:#5a6580;
	cursor:pointer;
	margin:0 0px 0 15px;
	font-size:10px;
}

input.bttn_print:hover {
	color:#f30;
}

input.bttn_continue {
	background:#fff url(continue.png) left no-repeat;
	width:96px;
	height:93px;
	padding:15px 0 15px 30px;
	border:none;
	font-weight:bold;
	color:#5a6580;
	cursor:pointer;
	margin:0 0px 0 15px;
	font-size:10px;
}

input.bttn_continue:hover {
	color:#f30;
}

.tsmall {
	font-size:10px;
}

.tbig {
	font-size:14px;
	color:#006699;
}

.tbigblack {
	font-size:14px;
	color:#000000;
}

.merchant_name {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 7px;
    margin-top: 5px;
}

.approval {
	font-size:14px;
	color:#003363;
	font-weight:bold;
	margin-bottom:10px;
}

.merchant_address {
    color: #FFFFFF;
    font-size: 11px;
    margin-bottom: 10px;
}

.tbl_header {
    background-color: #B7042C;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 10px;
    padding: 5px;
    text-align: center;
}

.tbl_row {
	font-size:12px;
	color:#666666;
	border-right:#a22186 solid 1px;
	border-bottom:#a22186 solid 1px;
	vertical-align:top;
}

.tbl_row_custom {
	font-size:12px;
	color:#666666;
	border-right:#B7042C solid 1px;
	border-bottom:#B7042C solid 1px;
	border-left:#B7042C solid 1px;
	vertical-align:top;
}

.tbl_row2 {
	font-size:10px;
	color:#666666;
	/*border-bottom:#999999 solid 1px;*/
	padding: 3px;
}

.tbl_total {
	font-size:12px;
	color:#B7042C;
}

.txt_oblique {
	font-size:10px;
	font-style:oblique;
}


#title_order {
    border-bottom: 1px solid;
    color: #003363;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

#title_details {
	font-size:14px;
	letter-spacing:-1px;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom:#999 1px solid;
	height:22px;
	color: #003363;
	text-transform: uppercase;
}

#input_cvv{
	float:left;
	margin-right:10px;
}

#where_cvv{
	font-size:10px;
	font-style:oblique;
}
.date_display {
	font-size:14px;
	margin-bottom:30px;
}

#line_orange {
	border-top:#a22186 1px solid;
	margin:30px 0 30px 0;
}

#we_accept{
	background-color:#a22186;
	width:298px;
	margin:0 0px 0 20px;
	color:#fff;
	padding:6px;
	font-weight:bold;
	float:right;
}

#we_accept_list{
	border-bottom:#999 1px solid;
	width:310px;
	margin:0 0px 0 20px;
	padding:15px 0 15px 0;
	float:right;
}

#message{
    color: #B7042C;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    margin: 0 auto;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}

#summary{
	background-color:#830d6b;
	cursor:pointer;
	width:260px;
	color:#fff;
	padding:30px 0px 20px 10px;
	font-weight:bold;
	font-size:20px;
	margin-bottom:20px;
}
.wrapper-ipg { width: 90%; }
.order_details {
    background-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    font-size: 10px;
    padding: 8px;
    margin-bottom: 5px;
}
.tbl_row2 input {
    width: 195px;
    border: 1px solid #DDDDDD;
    padding: 3px;
    font-size: 10px;
}
.order_details table {
    background-color: #FFFFFF;
    border: medium none;
    border-collapse: collapse;
    font-size: 12px;
    width: auto;
}
.button-cancel-ipg { margin-left: 5px; }
.wrapper-button-ipg { margin-bottom: 10px; }
.default-weaccept {
    background-color: #FFFFFF;
    float: left;
    margin-right: 5px;
    text-align: center;
    width: 100px;
    height: 100px;
}
.wrapper-accept { margin-bottom: 10px; }
/* end css ipg */

td input.ipg-input {
    border: 1px solid #CCCCCC;
    padding: 3px 10px;
    margin: 5px 0;
}
.step-default {
    background-color: #848484;
    border-radius: 3px 3px 0 0;
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin-right: 5px;
    padding: 3px 10px;
    text-align: center;
    text-transform: capitalize;
    width: 20%;
}
.active-step {
    background-color: #003363;
    color: #FFFFFF;
}
.title-step {
    background-color: #003363;
    color: #FFFFFF;
    font-size: 12px;
    padding: 5px 9px;
    width: 98%;
}
.arrow-step {
    background: url("../images/arrow-step.png") no-repeat scroll 0 0 transparent;
    height: 10px;
    height: 18px;
}
.cstm-form { padding-top: 0; }
.no-edit {
    color: #003363;
    font-size: 13px;
    font-weight: bold;
}
.default-select {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #7B7B7B #CDCDCD #CDCDCD #7B7B7B;
    border-style: solid;
    border-width: 1px;
    color: #7B7B7B;
    font-size: 12px;
    height: 25px;
    padding: 2px;
}
.button-back { background-color: #767676; color: #fff; border: 1px solid #5d5d5d; }
.default-button-cs:hover { color: #fff; }
.button-back:hover {
    background-color: #656565;
    color: #fff;
    border: 1px solid #fff;
}
.wrapper-button-topup { margin-top: 10px; }

/* css top up 2 */
.wrapper-detail-topup { background-color: #fff; padding: 5px; }
.wrapper-title-detail { background-color: #b7042c; }
.default-title-tu { font-size: 11px; color: #fff; float: left; padding: 5px; font-weight: bold; min-width: 50px;}
.wrapper-data { background-color: #ebebeb; color: #676767; }
.points-data { background-color: #b1b1b1; font-size: 16px; font-weight: bold; text-shadow: 1px 1px #cfc9c9; color: #3f3f3f; width: 105px; padding-right: 0; }
.arrow-points {
    background: url("../images/arrow-points.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 30px;
    width: 20px;
    margin-right: 8px;
    text-align: left;
}
.fee-data {
     background-color: #EBEBEB;
    color: #676767;
    float: none;
    font-size: 12px;
    margin-top: 3px;
}
.points { width: 128px; }
.total-points {
    background-color: #FFFFFF;
    color: #676767;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 2px 3px;
}
.tot-po {
    color: #B7042C;
    font-size: 16px;
    margin-left: 44px;
}
.wrapper-bestbuy {
    background: url("../images/bg-bestbuy.jpg") no-repeat scroll 0 0 transparent;
    height: 62px;
    margin-top: 10px;
    padding-left: 95px;
    padding-top: 8px;
    width: 225px;
    margin-bottom: 15px;
}
.bestbuy-price {
    color: #7d6c00;
    text-shadow: 1px 1px #ffedb6;
    margin-bottom: 10px;
}
.button-paybb {
    background-color: #FFFFFF;
    border: 1px solid #A17800;
    color: #8D6D00;
    margin-left: 0;
    text-shadow: none;
    margin-top: 0;
}
.price-bb { color: #B7042D; font-weight: bold; }
.fee { background: #B7042C; float: none; }

/* css for tab */
.cstm-form { padding-top: 0; }
.no-edit {
    color: #003363;
    font-size: 13px;
    font-weight: bold;
}
.default-select {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #7B7B7B #CDCDCD #CDCDCD #7B7B7B;
    border-style: solid;
    border-width: 1px;
    color: #7B7B7B;
    font-size: 12px;
    height: 25px;
    padding: 2px;
}
.button-back { background-color: #767676; color: #fff; border: 1px solid #5d5d5d; }
.default-button-cs:hover { color: #fff; }
.button-back:hover {
    background-color: #656565;
    color: #fff;
    border: 1px solid #fff;
}
.wrapper-button-topup { margin-top: 0px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected.tab-cstm1 {
    font-size: 10px;
}
.ui-widget-header {
    background: url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
    border: 1px solid #AAAAAA;
    color: #222222;
    font-weight: bold;
    height: 25px;
}
.ui-tabs .ui-tabs-nav li {
    border-bottom: 0 none !important;
    float: left;
    font-size: 10px;
    list-style: none outside none;
    margin: 0 0.2em 1px 0;
    padding: 0;
    position: relative;
    top: 1px;
    white-space: nowrap;
}
.ui-tabs .ui-tabs-panel {
    background: none repeat scroll 0 0 transparent;
    border-width: 0;
    display: block;
    margin-top: -4px;
}
.ui-tabs .ui-tabs-nav li {
    border-bottom: 0 none !important;
    float: left;
    font-size: 10px;
    list-style: none outside none;
    margin: 0 0.2em 1px 0;
    padding: 0;
    position: relative;
    top: 1px;
    white-space: nowrap;
}
ul.ui-tabs-nav {
    margin: 0;
    padding: 4px;
}
.wrapper-input-as {
    font-size: 10px;
    margin-left: 3px;
    margin-top: 4px;
    padding: 1px 0 7px;
}
.wrapper-default-input {
     font-size: 12px;
    margin-left: 3px;
    margin-top: 5px;
}
.text-default-as {
    color: #003363;
    float: left;
    font-size: 12px;
    width: 115px;
}
.input-as {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 5px;
}
.input-transfer {
    border: 1px solid #003363;
    padding: 3px 5px;
}
.remove-m { margin-left: 0px; margin-top: 8px; }



/* css for sukses */
.text-suc {
    font-size: 12px;
    margin-top: 6px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.balance-now {
     background-color: #610016;
    border: 1px solid #FF3E3E;
    font-size: 20px;
    margin-left: 30px;
    margin-top: 5px;
    padding: 4px 9px;
}

.text-notfound { font-size: 12px; }
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    display: none;
    font-size: 12px;
    padding: 0.2em 0.2em 0;
    width: 17em;
}
.hasDatepicker {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 5px;
}
.wrapper-rb {
    background-color: #FFFFFF;
    color: #666666;
    font-size: 13px;
    line-height: 20px;
    padding: 3px 5px;
}